import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'
import { store, key } from './store'
import elementPlus from './plugins/element-plus'
import 'xe-utils'
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'

// 加载全局样式
import './styles/index.scss'

const app = createApp(App)

app.use(router)
app.use(store, key)
app.use(elementPlus)
app.use(VXETable)

app.use(Viewer)
Viewer.setDefaults({
  zIndex: 9999,
  // zIndexInline: 9999,
  inline: true, // 启用lnline模式
  button: true, // 显示右上角关闭按钮
  navbar: true, // 显示缩略图导航
  title: true, // 显示当前图片的标题
  toolbar: true, // 显示工具栏
  tooltip: true, // 显示缩放百分比
  movable: true, // 显示可移动
  zoomable: true, // 图片是否可缩放
  rotatable: true, // 图片是否可旋转
  scalable: true, // 图片是否可翻转
  transition: true, // 使用css3过度
  fullscreen: true, // 播放时是否全屏
  keyboard: true // 是否支持键盘
  // url: 'data-source' // 设置大图片的url
})

// 自动注册全局组件
const modules = import.meta.globEager('./components/**/index.ts')
for (const path in modules) {
  app.use(modules[path].default)
}

app.mount('#app')
